
/*全局颜色*/
$color0:#fff;
$color1:#000;
$color2:#e5e5e5;
$color3:#ff5722;
$color4:#20a833;
$color5:#999;
$color6:#005f98;
$color7:#f6a623;
$bgcolor1:#F5F5F5;
@function rpx($px, $base-font-size:75px) {
  @if (unitless($px)) {
    @warn "Assuming #{$px} to be in pixels, attempting to convert it into pixels for you";
    @return rpx($px + 0px);// That may fail.
  } @else if (unit($px) == rem) {
    @return $px;
  }
  @return $px / $base-font-size * 1rem;
}


/*圆角*/
$radius6:rpx(6);
$radius10:rpx(10);
$radius12:rpx(12);
$radius20:rpx(20);
$radius30:rpx(30);
.hide{display: none !important;}
.show{display: block !important;}
page {
  height: 100%;
  font-family:-apple-system-font,Helvetica Neue,Helvetica,sans-serif;
  font-size: rpx(28);
}

checkbox-group,radio-group {
  display: block;
}

:before,:after,::before,::after {
  box-sizing: border-box;
}


.show{display: block}
.hide{display: none}


//混入



@mixin position($position:absolute, $top:'-',$right:'-',$bottom:'-',$left:'-'){
  position: $position;
  @if $top!='-'{
    top:$top;
  }
  @if $right!='-'{
    right:$right;
  }
  @if $bottom!='-'{
    bottom:$bottom;
  }
  @if $left!='-'{
    left:$left;
  }
}

@mixin size($widht:100%,$height:100%){
  width: $widht;
  height: $height;

}

@mixin clearfix {
  @if $legacy-support-for-ie {
    *zoom: 1;
  }
  &:before,
  &:after {
    content: "";
    display: table;
  }
  &:after {
    clear: both;
    overflow: hidden;
  }
}
.modal-page{
  overflow: hidden;
  body{
    overflow: hidden;
  }
}

